/**
 * 新增自定义指令 用按钮功能的权限辨别
 */
// 引入app的类型
import type {App} from 'vue'
// 引入创建用户的仓库
import {useUserInfoStore} from '@/stores/userInfo'
const userInfoStore = useUserInfoStore()

// 默认暴露
export default (app: App) => {
  app.directive('hasBtn', {
    // 组件挂载完成
    mounted(el, binding) {
      // 判断获取到的按钮名称数组中 是否包含传入的按钮名称 若不包含 移除绑定的标签
      !userInfoStore.authBtnList.includes(binding.value) && el.parentNode.removeChild(el)
    }
  })
}
